.nav-box {
    .el-container {
        height: calc(100vh - 90px);
        width: 100%;

        .el-aside {
            text-align: left;

            .el-menu {
                height: 100%;
                background: url("~@/assets/images/lubo_leftnav_bg.png") no-repeat #172449;
                background-size: 100% 100%;
                border-right: none;

                .el-menu-item {
                    height: 64px;
                    line-height: 64px;
                    font-size: 15px;
                    border-left: 2.5px solid transparent;

                    &:hover {
                        background-color: transparent;
                        color: #7fdbfd !important;
                    }

                    &.is-active {
                        background-color: #394f75;
                        border-left: 2.5px solid #7fdbfd;
                    }

                    i {
                        width: 25px;
                        // height: 22px;
                        display: inline-block;
                        font-size: 18px;
                        margin: 0 -5px 0 7px;
                    }
                }

                .el-menu-item [class^="el-icon-"] {
                    vertical-align: baseline;
                }
            }
        }

        .el-main {
            color: #fff;
            background-color: #030d26;
            // background-color: #eee;
            width: 100%;
            overflow: hidden;
        }
    }
}

